﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <link rel="stylesheet" href="~/css/metro-bootstrap.css">

    <script src="~/js/jquery.min.js"></script>
    <script src="~/js/jquery.widget.min.js"></script>
    <script src="~/js/metro.min.js"></script>
    <script src="~/js/own.js"></script>
    <style>
        .metro .window.flat .caption .btn-close:after {
            margin-top: -5px;
        }

        .metro .window.flat .caption {
            height: 32px;
            background-color: white;
            padding: 7px 5px;
            border-bottom: 1px #e9e9e9 solid;
            border-top: 0;
        }

        .metro .window .caption .title {
            color: orange;
            font-size: 18px;
            margin-top: -2px;
            margin-left: 4px;
            position: relative;
            float: left;
        }

        .metro .button {
            padding: 4px 12px;
            text-align: center;
            vertical-align: middle !important;
            background-color: darkorange;
            border: 1px transparent solid;
            color: white;
            border-radius: 3px;
            cursor: pointer;
            display: inline-block;
            outline: none;
            font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 16px;
        }

        .metro .input-control.text input, .metro .input-control.password input, .metro .input-control.file input, .metro .input-control.email input, .metro .input-control.tel input {
            border: 1px #d9d9d9 solid;
            width: 100%;
            height: 100%;
            padding: 5px;
            z-index: 1;
            -webkit-appearance: inherit;
            background-color: transparent;
        }
   

    </style>
</head>
<body class="metro" style="background-color: rgb(239, 234, 227);">

      <div style="width:100%">
                @if (this.Session["Username"] != null)
                {                        
              
                }
                else
                {                        
                              
                }
                <ul style="list-style-type:none;margin:0;padding:40px 0px 2px 20px;background-color:black;">
               <li style="display:inline-block;width:10%;text-align:center;padding-bottom: 17px;vertical-align: top;">
                            <a style="color:white;font-family: cursive;font-weight: bold;border: 1px solid #fff;padding: 8px;background: rgb(177, 39, 39);border-top-right-radius: 10px;border-bottom-left-radius: 10px;" href="/Home">
                        iPhim.vn
                    </a>
               </li>
                    <li style="display:inline-block;width: 15%;text-align:center;">
                        @if (this.Session["Username"] != null)
                        {
                            <a  class="dropdown-toggle" href="/Home/Customer" style="display:block;padding:8px;border-radius: 3px;color:white;font-size:20px;cursor:pointer;">TRANG CHỦ</a>
                        }
                        else
                        {
                            <a  class="dropdown-toggle"  href="/Home" style="display:block;padding:8px;border-radius: 3px;color:white;font-size:20px;cursor:pointer;">TRANG CHỦ</a>
                        }
                    </li>
                    <li style="display:inline-block;width:15%;text-align:center;cursor:pointer" >
                        <a   class="dropdown-toggle" style="display:block;padding:8px;border-radius:3px;font-size:20px;color:white">SUẤT CHIẾU</a>
                        <ul  class="dropdown-menu dark" data-role="dropdown" style="display: none;text-align:left;">
                            <li>
                                <a href="~/Schedule" style="font-weight:bold">Theo phim</a>
                            </li >
                            <li>
                                <a href="~/Schedule/ScheduleTheater" style="font-weight:bold">Theo rạp</a>
                            </li>
                        </ul>
                    </li>
                    <li style="display:inline-block;width:15%;text-align:center;cursor:pointer">
                        <a  class="dropdown-toggle" style="display:block;padding:8px;border-radius:3px;color:white;font-size:20px">PHIM</a>
                        <ul class="dropdown-menu dark" data-role="dropdown" style="display: none;text-align:left">
                            <li>
                                <a href="/Film/PromotionFilm" style="font-weight:bold">Phim khuyến mãi</a>
                            </li>
                            <li>
                                <a href="/Film/ShowingFilm" style="font-weight:bold">Phim đang chiếu</a>
                            </li>
                            <li>
                                <a href="/Film/ComingFilm" style="font-weight:bold">Phim sắp chiếu</a>
                            </li>
                            <li>
                                <a href="/Film/HotFilm" style="font-weight:bold">Phim Hot</a>
                            </li>
                        </ul>
                    </li>
                    <li style="display:inline-block;width:15%;text-align:center;cursor:pointer">
                        <a class="dropdown-toggle" style="display:block;padding:8px;border-radius:3px;color:white;font-size:20px">RẠP</a>
                        <ul class="dropdown-menu dark" data-role="dropdown" style="display: none;text-align:left">
                            <li>
                                <a href="/Home/Theaters" style="font-weight:bold">Rạp chiếu phim</a>
                            </li>
                            <li>
                                <a href="/Home/TheatersGroups" style="font-weight:bold">Cụm rạp</a>
                            </li>
                        </ul>
                    </li>
                    <li style="display:inline-block;width:15%;text-align:center;cursor:pointer">
                        <a class="dropdown-toggle" href="/Home/Promotion" style="display:block;padding:8px;border-radius:3px;color:white;font-size:20px">KHUYẾN MÃI</a>
                    </li>
                </ul>
                <div  style="position: absolute; right: 3px; top:3px">
                    @if (this.Session["RoleName"] == null)
                    {
                        <div class="buttonLoginRegist" style="overflow: auto; background-color: black; width:200px;">
                            <button class="btn info" id="createFlatWindow" style="float: right; width: 90px; height: 25px; font-size: 12px; padding-top: 0px; margin-top: -5px">Đăng Nhập</button>
                            @if (ViewBag.Registing == null)
                            {
                                <button class="btn success" onclick=" window.location.href = '/Customer/Register' " style="float: right; width: 90px; height: 25px; font-size: 12px; padding-top: 0px; margin-top: -5px">Đăng ký</button>
                            }
                        </div>
                    }
                    @if (this.Session["RoleName"] != null && this.Session["RoleName"].ToString().Trim() == "Customer")
                    {
                        <div style="font-size: 15px">
                            Chào <a href="/Customer/ViewCustomerAccount" style="font-weight: bold;color: orange; text-decoration: underline">@this.Session["Account"]</a>, <a href="#" style="color: orange; text-decoration: underline" onclick="LogOut()">Đăng Xuất</a>
                        </div>
                    }
                </div>

            </div>
      <div>
        @RenderBody()
    </div>
    <style>
        .dropdown-toggle:hover {
        color: rgba(233, 230, 230, 0.8);
        background-color: #C04944;
        }
        .dropdown-menu dark:hover {
        display:normal;
        }
    </style>
         
    <div style="display: block;height: 70px; width: 100%; background-color: black; margin-top: 15px; color: white; padding-left: 30px;">
        Copyrights © 2014 Booking Ticket Online.<br />
        Văn Phòng: 22 Nguyễn Văn Quá, Quận12.
        <br />
        Số điện thoại: 0871231232.
    </div>
    
</body>

<script>
    $(function () {
        $("#createFlatWindow").on('click', function () {
            $.Dialog({
                overlay: true,
                shadow: true,
                flat: true,
                title: 'Flat window',
                content: '',
                padding: 10,
                onShow: function (dialog) {
                    var content = '<label>Tên đăng nhập</label>' +
                        '<div class="input-control text"><input type="text" name="userName" id="username" maxlength="50"><button class="btn-clear"></button></div> ' +
                        '<label>Mật khẩu </label>' + '<div class="input-control password">  <input type="password" maxlength="20" name="password" id="password">     <button class="btn-reveal"></button></div> ' +
                        '<div class="form-actions">' +
                        '<button class="button" onclick="checkLogin()">Đăng nhập</button> ' +
                        '<button class="button" onclick="register()">Đăng ký</button> ' +
                        '</div><a href="/Customer/ForgetPassword" style="font-size: 14px">Quên mật khẩu?</a>';
                    $.Dialog.title("Đăng Nhập");
                    $.Dialog.content(content);
                    $.Metro.initInputs();
                }
            });
        });
    });
    function register() {
        window.location.href = "/Customer/Register";
    }
</script>

@*<script src="~/js/Remote/WebStorageModel.js"></script>*@
</html>
